<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Task Docs</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="icon" type="image/png" href="icon/icon32.png">
  <link rel="icon" sizes="16x16" href="icon/icon16.png">
  <link rel="icon" sizes="32x32" href="icon/icon32.png">
  <link rel="icon" sizes="48x48" href="icon/icon48.png">
  <link rel="icon" sizes="128x128" href="icon/icon128.png">
  <link rel="stylesheet" href="timer-float.css">
</head>
<body>
  <div id="notification" class="notification success">
    <p id="notification-message" class="notification-message"></p>
  </div>
  <header>
    <div class="logo">
      <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24 4H6V17.3333V30.6667H24V44H42V30.6667V17.3333H24V4Z" fill="currentColor"></path>
      </svg>
      <h2>Task Tracker</h2>
    </div>
    <div id="main-nav"></div>
  </header>
  <div class="container">
    <div class="content">
      <div class="content-container">
        <div class="title-section">
          <div class="title-content">
            <p class="main-title">All Document Links</p>
            <p class="subtitle">A collection of all document links found in your tasks' notes.</p>
          </div>
        </div>
        <ul id="docs-list" class="docs-list"></ul>
      </div>
    </div>
  </div>
  <script src="docs.js"></script>
  <script src="nav.js"></script>
  <script src="timer-float.js"></script>
</body>
</html> 